<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file= "/WEB-INF/pages/base/commImportPage.jsp" %><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>查询统计-金属损失</title>
    <meta charset="utf-8">
    <!--[if lt IE 9]><script src="${resourcePath}/js/comm/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/comm/base_v3.0.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/comm/pipedata.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/comm/Package.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/insp.css">
    <script src="${pageContext.request.contextPath}/jquery/jquery.js"></script>
	<script src="${pageContext.request.contextPath}/jquery/build.js"></script>
	<script src="${pageContext.request.contextPath}/jquery/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/jquery/base_v3.0.js"></script>
    <script src="${resourcePath}/js/insp.js"></script>

	<script src="${pageContext.request.contextPath}/js/reportforms/build/dist/echarts.js"></script>
	<script src="${pageContext.request.contextPath}/js/reportforms/JS/picECharts.js"></script>

	
	
	
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="xifan" style="height:400px"></div>

</body>

<script type="text/javascript">
    $(function(){
        
        
        $.ajax({
			url: "${pageContext.request.contextPath}/insp/metalLoss/MetlLossAmount.json",
			type: "post",
			dataType: "json",
			success: function(data){
				var picECharts = new PicEChart();
		        var data1= new Array();
		        var data2= new Array();
		        var Axisdata= new Array();
		        
		        Axisdata = ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
		                data1=[2.0, 4.9, 7.0, 23.2, 25.6, 76.7,98, 100, 32.6, 20.0, 6.4, 3.3],
		                data2=[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],

		                picECharts.addLineOrBar({type:'bar',name1:'降水量',Axisdata:Axisdata,data1:data1,divObject:'xifan'});
			}
		});
        
        
        
    });
    
    
    
    
</script>
</html>